@import "../../../wap_common/static/libs/base/root.less";
.page-index{
  .banner{
    background: #ffc746;
    img{
      display: block;
      width:90%;
      margin:0 auto;
    }
  }

  .title{
    height: 50px;
    background: #fff;
    line-height: 50px;
    text-align: center;
    position: relative;
    font-size:18px;
  }

  .demand{
    .profit{
      color:#fff;
      background: @red url(./image/bg.png) no-repeat center bottom;
      background-size:90% 60px;
      text-align: center;
      height: 130px;
      .line1{
        height: 40px;
        line-height: 40px;
        font-size:15px;
      }
      .line2{
        width: 150px;
        height: 45px;
        line-height: 45px;
        margin:0 auto;
        color:@red;
        background: #fff;
        .border-radius(5px);
        margin-bottom:15px;
        font-size:@size4;
      }
      .line3{
        height: 20px;
        line-height: 20px;
        width:100px;
        margin:0 auto;
        border:1px solid @yellow1;
        border-radius: 10px;
        font-size:13px;
      }
    }
  }

  .feature{
    background: @yellow1;
    color:@red;
    font-size:@size2;
    .line{
      height: 100px;
      line-height: 100px;
      padding-right:20px;
      text-align: right;
      border-bottom: 1px solid @line1;
      max-width: 320px;
      margin:0 auto;
    }
    .line1{
      background: url(./image/icon1.png) no-repeat 20px center;
      background-size:auto 50px;
      .number{
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 15px;
        background: @red;
        color:#fff;
        font-size:@size2;
        font-weight: 700;
      }
    }
    .line2{
      background: url(./image/icon2.png) no-repeat 20px center;
      background-size:auto 50px;
      .text1{
        font-size:@size3;
        font-weight: 700;
      }
      .text2{
        font-weight: 700;
      }
    }
  }

  .block{
    background: @red;

    ul{
      padding:0 10px;
      color: #f6f6f6;
      max-width: 320px;
      margin:0 auto;
      li{
        padding:40px 20px;
        position: relative;
        span{
          font-size:18px;
          color:#fff;
          line-height: 30px;
          font-weight: 700;
        }
        i{
          display: block;
          position: absolute;
          top:50%;
        }
      }
    }
  }

  .security{
    ul{

      .line1{
        padding-left:88px;
        text-align: right;
        i{
          margin-top:-40px;
          width:68px;
          height: 79px;
          background: url(./image/img1.png) no-repeat center center;
          background-size:100% 100%;
          left:20px;
        }
      }

      .line2{
        padding-right:118px;
        i{
          margin-top:-31px;
          width:98px;
          height: 62px;
          background: url(./image/img2.png) no-repeat center center;
          background-size:100% 100%;
          right:20px;
        }
      }

      .line3{
        padding-left:84px;
        text-align: right;
        i{
          margin-top:-36px;
          width:64px;
          height: 72px;
          background: url(./image/img3.png) no-repeat center center;
          background-size:100% 100%;
          left:20px;
        }
      }

      .line{
        border-bottom:1px solid #bb4336;
      }
    }

  }

  .profits{
    background: @yellow2;
    ul{
      .line1{
        padding-right:120px;
        text-align: left;
        i{
          margin-top:-34px;
          width:101px;
          height: 67px;
          background: url(./image/img4.png) no-repeat center center;
          background-size:100% 100%;
          right:20px;
        }
      }

      .line2{
        padding-left:104px;
        text-align: right;
        i{
          margin-top:-36px;
          width:84px;
          height:71px;
          background: url(./image/img5.png) no-repeat center center;
          background-size:100% 100%;
          left:20px;
        }
      }
      .line{
        border-bottom:1px solid #fcdeb4;
      }
    }
  }

}